<extend name="Base/common"/>

<block name="body">
	<div class="main-title">
		<h2>分类管理</h2>
	</div>

	<!-- 表格列表 -->
	<div class="tb-unit posr">
		<div class="tb-unit-bar">
			<a class="btn" href="{:U('add')}">新 增</a>
		</div>
		<div class="category">
			<div class="hd cf">
				<div class="fold">折叠</div>
				<div class="order">排序</div>
				<!--<div class="order">发布</div>-->
				<div class="name">名称</div>
			</div>
			{:R('Category/tree', array($tree))}
		</div>
	</div>
	<!-- /表格列表 -->
</block>

<block name="script">
	<script type="text/javascript">
		(function ($) {
			/* 分类展开收起 */
			$(".category dd").prev().find(".fold i").addClass("icon-unfold")
					.click(function () {
						var self = $(this);
						if (self.hasClass("icon-unfold")) {
							self.closest("dt").next().slideUp("fast", function () {
								self.removeClass("icon-unfold").addClass("icon-fold");
							});
						} else {
							self.closest("dt").next().slideDown("fast", function () {
								self.removeClass("icon-fold").addClass("icon-unfold");
							});
						}
					});

			/* 三级分类删除新增按钮 */
			console.log('三级分类删除新增按钮');
			console.log($(".category dd dd .add-sub").html());
			$(".category dd dd .add-sub").remove();

			/* 实时更新分类信息 */
			$(".category")
					.on("submit", "form", function () {
						var self = $(this);
						$.post(
								self.attr("action"),
								self.serialize(),
								function (data) {
									/* 提示信息 */
									var name = data.status ? "success" : "error", msg;
									msg = self.find(".msg").addClass(name).text(data.info)
											.css("display", "inline-block");
									setTimeout(function () {
										msg.fadeOut(function () {
											msg.text("").removeClass(name);
										});
									}, 1000);
								},
								"json"
						);
						return false;
					})
					.on("focus", "input", function () {
						$(this).data('param', $(this).closest("form").serialize());

					})
					.on("blur", "input", function () {
						if ($(this).data('param') != $(this).closest("form").serialize()) {
							$(this).closest("form").submit();
						}
					});
		})(jQuery);
	</script>
</block>
